<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>采购定价</title>

	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	<!-- Google Font: Source Sans Pro -->
	<link rel="stylesheet"
		href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
	<!-- Font Awesome Icons -->
	<link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
	<!-- IonIcons -->
	<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
	<!-- Theme style -->
	<link rel="stylesheet" href="../../dist/css/adminlte.min.css">

	<!-- 日期选择器引入依赖 -->
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/style.css" />
	<style>
		.case {
			margin-top: 2px
		}

		.ECalendar {
			width: 200px;
			height: 35px;
		}
	</style>

	<!-- 引入分页依赖 -->
	<link rel="stylesheet" href="../../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
	<link rel="stylesheet" href="../../plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
	<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
	<link type="text/css" rel="stylesheet" charset="UTF-8"
		href="https://translate.googleapis.com/translate_static/css/translateelement.css">
		
	<!-- vue+axios -->
	<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>	
</head>

<body class="hold-transition sidebar-mini">
	<div class="wrapper">
		<!-- Navbar -->
		<nav class="main-header navbar navbar-expand navbar-white navbar-light">
			<!-- Left navbar links -->
			<ul class="navbar-nav">
				<li class="nav-item"><a class="nav-link" data-widget="pushmenu" href="#" role="button"><i
							class="fas fa-bars"></i></a></li>
				<li class="nav-item d-none d-sm-inline-block"><a href="#" class="nav-link">ERP后台管理系统</a></li>
				<!-- <li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link">Contact</a>
      </li> -->
			</ul>

			<!-- SEARCH FORM -->
			<!-- <form class="form-inline ml-3">
      <div class="input-group input-group-sm">
        <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
        <div class="input-group-append">
          <button class="btn btn-navbar" type="submit">
            <i class="fas fa-search"></i>
          </button>
        </div>
      </div>
    </form> -->

			<!-- Right navbar links -->
			<ul class="navbar-nav ml-auto">
				<!-- Messages Dropdown Menu -->
				<li class="nav-item dropdown"><a class="nav-link" data-toggle="dropdown" href="#"> <i
							class="far fa-comments"></i>
						<span class="badge badge-danger navbar-badge">3</span>
					</a>
					<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
						<a href="#" class="dropdown-item">
							<!-- Message Start -->
							<div class="media">
								<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar"
									class="img-size-50 mr-3 img-circle">
								<div class="media-body">
									<h3 class="dropdown-item-title">
										Brad Diesel <span class="float-right text-sm text-danger"><i
												class="fas fa-star"></i></span>
									</h3>
									<p class="text-sm">Call me whenever you can...</p>
									<p class="text-sm text-muted">
										<i class="far fa-clock mr-1"></i> 4 Hours Ago
									</p>
								</div>
							</div> <!-- Message End -->
						</a>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item">
							<!-- Message Start -->
							<div class="media">
								<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar"
									class="img-size-50 img-circle mr-3">
								<div class="media-body">
									<h3 class="dropdown-item-title">
										John Pierce <span class="float-right text-sm text-muted"><i
												class="fas fa-star"></i></span>
									</h3>
									<p class="text-sm">I got your message bro</p>
									<p class="text-sm text-muted">
										<i class="far fa-clock mr-1"></i> 4 Hours Ago
									</p>
								</div>
							</div> <!-- Message End -->
						</a>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item">
							<!-- Message Start -->
							<div class="media">
								<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar"
									class="img-size-50 img-circle mr-3">
								<div class="media-body">
									<h3 class="dropdown-item-title">
										Nora Silvester <span class="float-right text-sm text-warning"><i
												class="fas fa-star"></i></span>
									</h3>
									<p class="text-sm">The subject goes here</p>
									<p class="text-sm text-muted">
										<i class="far fa-clock mr-1"></i> 4 Hours Ago
									</p>
								</div>
							</div> <!-- Message End -->
						</a>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item dropdown-footer">See All
							Messages</a>
					</div>
				</li>
				<!-- Notifications Dropdown Menu -->
				<li class="nav-item dropdown"><a class="nav-link" data-toggle="dropdown" href="#"> <i
							class="far fa-bell"></i> <span class="badge badge-warning navbar-badge">15</span>
					</a>
					<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
						<span class="dropdown-item dropdown-header">15
							Notifications</span>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item"> <i class="fas fa-envelope mr-2"></i> 4 new messages <span
								class="float-right text-muted text-sm">3 mins</span>
						</a>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item"> <i class="fas fa-users mr-2"></i> 8 friend requests <span
								class="float-right text-muted text-sm">12 hours</span>
						</a>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item"> <i class="fas fa-file mr-2"></i>
							3 new reports <span class="float-right text-muted text-sm">2
								days</span>
						</a>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item dropdown-footer">See All
							Notifications</a>
					</div>
				</li>
				<li class="nav-item"><a class="nav-link" data-widget="fullscreen" href="#" role="button"> <i
							class="fas fa-expand-arrows-alt"></i>
					</a></li>
				<li class="nav-item"><a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"
						role="button"> <i class="fas fa-th-large"></i>
					</a></li>
			</ul>
		</nav>

		<!-- /.navbar -->

		<!-- Main Sidebar Container -->
		<aside class="main-sidebar sidebar-dark-primary elevation-4">
			<!-- Brand Logo -->
			<a href="index3.html" class="brand-link"> <img src="../../dist/img/AdminLTELogo.png" alt="AdminLTE Logo"
					class="brand-image img-circle elevation-3" style="opacity: .8">
				<span class="brand-text font-weight-light">管理控制台</span>
			</a>

			<!-- Sidebar -->
			<div class="sidebar">
				<!-- Sidebar user panel (optional) -->
				<div class="user-panel mt-3 pb-3 mb-3 d-flex">
					<div class="image">
						<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
					</div>
					<div class="info">
						<a href="#" class="d-block">Alexander Pierce</a>
					</div>
				</div>

				<!-- SidebarSearch Form -->
				<!-- <div class="form-inline">
        <div class="input-group" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div> -->

				<!-- Sidebar Menu -->
				<nav class="mt-2">
					<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
						data-accordion="false">
						<!-- Add icons to the links using the .nav-icon class
               with font-awesome or any other icon font library -->
						<li class="nav-item"><a href="#" class="nav-link active">
								<i class="nav-icon fas fa-home"></i>
								<p>
									首页
									<!-- <i class="right fas fa-angle-left"></i> -->
								</p>
							</a>
							<!-- <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="./index.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Dashboard v1</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./index2.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Dashboard v2</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./index3.html" class="nav-link active">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Dashboard v3</p>
                </a>
              </li>
            </ul> -->
						</li>
						<li class="nav-item"><a href="#" class="nav-link"> <i class="nav-icon fas fa-cubes"></i>
								<p>
									仓库管理
									<!-- <span class="right badge badge-danger">New</span> -->
									<i class="fas fa-angle-left right"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="pages/layout/top-nav.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>入库管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/layout/top-nav-sidebar.html" class="nav-link">
										<i class="far fa-circle nav-icon"></i>
										<p>出库管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/layout/boxed.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>库存管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/layout/fixed-sidebar.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>调拨管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/layout/fixed-topnav.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>分称管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/layout/fixed-footer.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>货品转换</p>
									</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="#" class="nav-link"> <i class="nav-icon fas fa-copy"></i>
								<p>
									采购管理 <i class="fas fa-angle-left right"></i>
									<!-- <span class="badge badge-info right">6</span> -->
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="pages/layout/top-nav.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>需求单</p>
									</a></li>
								<li class="nav-item"><a href="pages/layout/top-nav-sidebar.html" class="nav-link">
										<i class="far fa-circle nav-icon"></i>
										<p>分配需求单</p>
									</a></li>
								<li class="nav-item"><a href="pages/layout/boxed.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>采购单</p>
									</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="#" class="nav-link"> <i class="nav-icon fas fa-industry"></i>
								<p>
									销售管理 <i class="right fas fa-angle-left"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="pages/charts/chartjs.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>选货单管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/charts/flot.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>打包单管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/charts/inline.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>结算单管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/charts/inline.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>出库单管理</p>
									</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="#" class="nav-link"> <i class="nav-icon fas fa-tree"></i>
								<p>
									财务管理 <i class="fas fa-angle-left right"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="pages/UI/general.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>客户充值管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/UI/icons.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>客户账户管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/UI/buttons.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>客户账单管理</p>
									</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="#" class="nav-link"> <i class="nav-icon fas fa-sitemap"></i>
								<p>
									商品管理 <i class="fas fa-angle-left right"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="product_management.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>产品管理</p>
									</a></li>
								<li class="nav-item"><a href="product_concern.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>产品关注</p>
									</a></li>
								<li class="nav-item"><a href="purchase_pricing.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>采购定价</p>
									</a></li>
								<li class="nav-item"><a href="sales_pricing.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>销售定价</p>
									</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="#" class="nav-link"> <i class="nav-icon fas fa-users"></i>
								<p>
									合作管理 <i class="fas fa-angle-left right"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="../tables/customer_management.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>客户管理</p>
										</p>
									</a></li>
								<li class="nav-item"><a href="../tables/supplier_management.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>供应商管理</p>
									</a></li>
								<li class="nav-item"><a href="../tables/salesman_management.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>业务员管理</p>
									</a></li>
								<li class="nav-item"><a href="../tables/follow_friends.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>关注友商</p>
									</a></li>
							</ul>
						</li>

						<li class="nav-item"><a href="pages/calendar.html" class="nav-link"> <i
									class="nav-icon fas fa-database"></i>
								<p>
									基础数据
									<!-- <span class="badge badge-info right">2</span> -->
									<i class="fas fa-angle-left right"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="pages/tables/simple.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>区域管理</p>
										</p>
									</a></li>
								<li class="nav-item"><a href="pages/tables/data.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>物料分类</p>
									</a></li>
								<li class="nav-item"><a href="pages/tables/jsgrid.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>品类管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/tables/jsgrid.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>产品线管理</p>
									</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="pages/gallery.html" class="nav-link"> <i
									class="nav-icon far fa-list-alt"></i>
								<p>
									表单管理 <i class="fas fa-angle-left right"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="pages/tables/simple.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>表单设计</p>
										</p>
									</a></li>
								<li class="nav-item"><a href="pages/tables/data.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>属性管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/tables/jsgrid.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>菜单管理</p>
									</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="pages/kanban.html" class="nav-link"> <i
									class="nav-icon fas fa-cogs"></i>
								<p>
									系统管理 <i class="fas fa-angle-left right"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="pages/tables/simple.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>用户管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/tables/data.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>角色管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/tables/jsgrid.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>仓库管理</p>
									</a></li>
								<li class="nav-item"><a href="pages/tables/jsgrid.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>导出任务</p>
									</a></li>
							</ul>
						</li>
						<li class="nav-item"><a href="#" class="nav-link"> <i class="nav-icon fas  fa-user"></i>
								<p>
									会员管理 <i class="fas fa-angle-left right"></i>
								</p>
							</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="pages/mailbox/mailbox.html" class="nav-link"> <i
											class="far fa-circle nav-icon"></i>
										<p>租户管理</p>
									</a></li>
							</ul>
						</li>







					</ul>
				</nav>
				<!-- /.sidebar-menu -->
			</div>
			<!-- /.sidebar -->
		</aside>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<div class="content-body">
				<!-- 美观页面 -->
				<div class="row"><p display="none"></p></div>
				<div style="background-color: antiquewhite; margin-left: 1%; margin-right: 1%;">

					<!-- 页面切换 -->
					<div class="row">
						<div class="col-12">
							<!-- Custom Tabs -->
							<div class="card">
								<div class="card-header d-flex p-0">
									<ul class="nav nav-pills p-3  col-sm-12">
										<li class="nav-item"><a class="nav-link active" href="#tab_1"
												data-toggle="tab">成色定价</a></li>
										<li class="nav-item"><a class="nav-link" href="#tab_2"
												data-toggle="tab">供应商成色定价</a></li>
										<li class="nav-item"><a class="nav-link" href="#tab_3"
												data-toggle="tab">供应商定价</a></li>
										<li class="nav-item"><a class="nav-link" href="#tab_4"
												data-toggle="tab">成色规格定价</a></li>
										<li class="nav-item"><button type="button" class="btn btn-primary"><i class="fas fa-plus nav-icon"></i> 新&nbsp;&nbsp;&nbsp;&nbsp;增</button></li>
									</ul>

								</div><!-- /.card-header -->
								<div class="card-body">
									<div class="tab-content">
										<div class="tab-pane active" id="tab_1">
											<!-- 头头 -->
											<div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
												<div class="row">
													<button type="button" class="btn btn-primary">新增定价类</button>
													<div class="col-sm-12" id="app">
														<table id="example1"
															class="table table-bordered table-striped dataTable dtr-inline"
															role="grid" aria-describedby="example1_info">
															<thead>
																<tr role="row">
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">产品线</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">品类</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">供应商</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">成色</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">操作</th>
																</tr>
															</thead>
															<tbody>
																<tr v-for="PurchasePricing in PurchasePricings">
																	<td>{{PurchasePricing.goodsline}}</td>
																	<td>{{PurchasePricing.category}}</td>
																	<td>{{PurchasePricing.supplier}}</td>
																	<td>{{PurchasePricing.fineness}}</td>
																	<td>操作</td>
																</tr>
															</tbody>
															<tfoot>
																<tr>
																	<th rowspan="1" colspan="1">产品线</th>
																	<th rowspan="1" colspan="1">品类</th>
																	<th rowspan="1" colspan="1">供应商</th>
																	<th rowspan="1" colspan="1">成色</th>
																	<th rowspan="1" colspan="1">操作</th>
																</tr>
															</tfoot>
														</table>
													</div>
												</div>

												<!-- /.card-body -->
											</div>
											<!-- 后后 -->
										</div>
										<!-- /.tab-pane -->
										<div class="tab-pane" id="tab_2">
											<!-- 头头 -->
											<div id="example3_wrapper" class="dataTables_wrapper dt-bootstrap4">
												<div class="row">
												<button type="button" class="btn btn-primary">新增定价类</button>
													<div class="col-sm-12" id="app2">
														<table id="example3"
															class="table table-bordered table-striped dataTable dtr-inline"
															role="grid" aria-describedby="example3_info">
															<thead>
																<tr role="row">
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">产品线</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">品类</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">供应商</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">成色</th>
																	<th class="sorting" tabindex="0"
																		aria-controls="example1" rowspan="1"
																		colspan="1">操作</th>
																</tr>
															</thead>
															<tbody>
																<tr v-for="PurchasePricing in PurchasePricings">
																	<td>{{PurchasePricing.goodsline}}</td>
																	<td>{{PurchasePricing.category}}</td>
																	<td>{{PurchasePricing.supplier}}</td>
																	<td>{{PurchasePricing.fineness}}</td>
																	<td>操作</td>
																</tr>
															</tbody>
															<tfoot>
																<tr>
																	<th rowspan="1" colspan="1">产品线</th>
																	<th rowspan="1" colspan="1">品类</th>
																	<th rowspan="1" colspan="1">供应商</th>
																	<th rowspan="1" colspan="1">成色</th>
																	<th rowspan="1" colspan="1">操作</th>
																</tr>
															</tfoot>
														</table>
													</div>
												</div>
											</div>
											<!-- 后后 -->
										</div>
										<div class="tab-pane" id="tab_3">页面3</div>
										<div class="tab-pane" id="tab_4">页面4</div>
										<!-- /.tab-pane -->
									</div>
									<!-- /.tab-content -->
								</div><!-- /.card-body -->
							</div>
							<!-- ./card -->
						</div>
						<!-- /.col -->
					</div>

				</div>
			</div>

		</div>
		<script type="text/javascript">
			new Vue({
			el:"#app",
			data:{
				PurchasePricings:[]
			},
			mounted(){
					axios
						.get('/purchase_pricing/all/')
						.then(res =>{
							console.info(res.data);
							this.PurchasePricings=res.data;
						})
			}
			});
			new Vue({
			el:"#app2",
			data:{
				PurchasePricings:[]
			},
			mounted(){
					axios
						.get('/purchase_pricing/all/')
						.then(res =>{
							console.info(res.data);
							this.PurchasePricings=res.data;
						})
			}
			});
		</script>

		<!-- Main Footer -->
		<footer class="main-footer">
			<strong>Copyright &copy; 2014-2020 <a href="https://adminlte.io">AdminLTE.io</a>.
			</strong> All rights reserved.
			<div class="float-right d-none d-sm-inline-block">
				<b>Version</b> 3.1.0-pre
			</div>
		</footer>
	</div>
	<!-- ./wrapper -->

	<!-- REQUIRED SCRIPTS -->

	<!-- jQuery -->
	<script src="../../plugins/jquery/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
	<!-- AdminLTE -->
	<script src="../../dist/js/adminlte.js"></script>

	<!-- OPTIONAL SCRIPTS -->
	<script src="../../plugins/chart.js/Chart.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="../../dist/js/demo.js"></script>
	<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
	<script src="../../dist/js/pages/dashboard3.js"></script>

	<!-- 日期选择器 -->
	<script src="js/jquery.min.js"></script>
	<script src="js/Ecalendar.jquery.min.js"></script>
	<script type="text/javascript">
		$(function () {
			$("#ECalendar_case1").ECalendar({
				type: "date",
				skin: "#233",
				offset: [0, 2]
			});
		})
	</script>

	<!-- 引入分页依赖 -->
	<script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="../../plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
	<script src="../../plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
	<script src="../../plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
	<script src="../../dist/js/adminlte.min.js"></script>
	<script>
		$(function () {
			$("#example1").DataTable({
				"responsive": true,
				"autoWidth": false,
			});
			$("#example3").DataTable({
				"responsive": true,
				"autoWidth": false,
			});
			$('#example2').DataTable({
				"paging": true,
				"lengthChange": false,
				"searching": false,
				"ordering": true,
				"info": true,
				"autoWidth": false,
				"responsive": true,
			});
		});
	</script>
</body>

</html>